html,
body {
  width: 100%;
  height: 100%;
}
.wrap {
  width: 100%;
  height: 100%;
  background: #fdba1e url(../image/bg1.jpg) no-repeat;
  background-size: contain;
  overflow: hidden;
}
.wrap .bonus {
  width: 70%;
  height: 60%;
  margin: 8.75rem auto;
  border: 1px solid #df002c;
  border-radius: 0.5rem;
  background: #df002c url(../image/bg2.jpg) no-repeat;
  background-size: contain;
}
.wrap .bonus form {
  width: 80%;
  margin: 4.25rem auto;
}
.wrap .bonus form div {
  width: 100%;
  height: 1.75rem;
}
.wrap .bonus form div label {
  width: 25%;
  line-height: 1.25rem;
  font-size: 0.55rem;
  text-align: right;
  color: #b39ea0;
}
.wrap .bonus form div input {
  width: 65%;
  height: 1.25rem;
  font-size: 0.55rem;
  margin-left: 4%;
  padding-left: 1%;
  border: 1px solid #91181a;
  border-radius: 0.25rem;
  color: #b39ea0;
  background: #91181a;
}
.wrap .bonus form input[type="button"] {
  width: 50%;
  height: 1.75rem;
  font-size: 0.625rem;
  letter-spacing: 0.075rem;
  margin-top: 1.25rem;
  margin-left: 25%;
  border: 0.025rem solid #e38020;
  border-radius: 0.25rem;
  background: #e38020;
  color: #fff;
}
